<!DOCTYPE html>
<html>
<head>
    <title>Tel-O-Fun</title>

    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />

    <link rel="stylesheet" href="css/greenBlack.css" />
    <link rel="stylesheet" href="css/structure.css" />
    <link rel="stylesheet" href="css/style.css" />

    <script src="js/jquery.js"></script>
    <script src="js/jquery.mobile.js"></script>
</head>
<body>
    <div id="aboutTelOFun" data-role="page" data-title="About Tel O-Fun" data-theme="a">
        <div data-role="header">
            <h1>About Tel-O-Fun</h1>
            <a href="#" data-rel="back" data-icon="back" data-direction="reverse" data-transition="slide">Back</a>
        </div>
        <div id="aboutBtn" class="padded" style="text-align: center">
            <a class="btn" href="HowDoesItWork.html"
               data-transition="slidedown"
               data-role="button"
               data-inline="true"
               data-type="horizontal">
               More
            </a>
            <a class="btn" href="SubscriptionsAndRates.html"
               data-transition="slidedown"
               data-role="button"
               data-inline="true"
               data-type="horizontal">
               Rates
            </a>
        </div>
    </div>
</body>
</html>